.flowDetailTigger {
  .flowDropdown {
    width: 100%;
    min-width: 0;
    &.fixedHeight {
      height: 36px;
    }
    &.flowDropdownTags {
      .Dropdown--input {
        height: auto;
        padding: 0 10px 0 0!important;
        position: relative;
        > .icon {
          position: absolute;
          top: 11px;
          right: 10px;
        }
      }
    }
    .Dropdown--border {
      padding: 5px 10px;
    }
    .ming.Menu {
      width: 100%;
      li:hover {
        .Item-content:not(.disabled) {
          span {
            color: #fff!important;
          }
        }
      }
    }
  }
  .triggerConditionItem {
    padding-right: 14px;
    &:hover {
      .triggerTipIcon {
        display: block;
      }
    }
  }
  .triggerTipIcon {
    position: absolute;
    right: -22px;
    top: 10px;
    cursor: pointer;
    display: none;
    &:not(:hover) {
      color: #bdbdbd!important;
    }
  }
  .triggerConditionBtn {
    span {
      display: inline-block;
      height: 32px;
      line-height: 32px;
      border-width: 1px;
      border-style: solid;
      border-radius: 4px;
      padding: 0 20px;
      background: #f5f5f5;
      cursor: pointer;
      margin-right: 10px;
      box-sizing: border-box;
      &:not(:hover) {
        border-color: #ddd!important;
      }
    }
  }
  .triggerConditionSplit {
    text-align: center;
    position: relative;
    &::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      border-bottom: 1px solid #BDBDBD;
    }
    span {
      display: inline-block;
      padding: 0 10px;
      background: #fff;
      position: relative;
    }
  }
  .triggerConditionNum {
    height: 36px;
    line-height: 36px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 10px;
    min-width: 100px;
    &:not(:hover):not(:focus) {
      border-color: #ddd!important;
    }
    &.triggerConditionDisabled {
      background: #F5F5F5;
      border-color: #ddd!important;
    }
    &.triggerConditionDate {
      padding: 0;
      .mui-datetime-base {
        height: 34px;
        line-height: 34px;
        .mui-datetime-picker {
          display: block;
          height: 100%;
          padding: 0 10px;
          position: relative;
          .icon-bellSchedule {
            position: absolute;
            top: 10px;
            right: 10px;
          }
        }
      }
    }
    &.triggerConditionList {
      padding: 0;
      height: auto;
      line-height: normal;
      .Gray_bd {
        height: 100%;
        line-height: 34px;
      }
    }
    &.triggerConditionDropdown {
      height: auto;
      line-height: normal;
      border: none;
      padding: 2px 0;
      .Gray_bd {
        height: 100%;
        line-height: 30px;
      }
    }
    .tagWrap {
      display: flex;
      flex-wrap: wrap;
      li {
        align-items: center;
        box-sizing: border-box;
        margin: 3px 4px;
        border-radius: 3px;
        height: 24px;
        padding: 6px 12px 6px 10px;
        background-color: #eaeaea;
        border: 1px solid #ddd;
        .tag {
          margin-right: 12px;
          font-size: 13px;
        }
        .delTag {
          color: #bdbdbd;
          &:hover {
            color: #757575;
          }
        }
      }
    }
  }
}

.flowTriggerDropdown {
  width: auto !important;
  min-width: 110px;
}
